<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset utf-8;
/* å…¨å±€æ&nbsp;·å¼ */
* {
    margin: 0;
    padding: 0;
    font-family: å¾®è½¯é›…é»‘;
    color: #333;
    font-size: 14px;
    font-style: normal;
    list-style: none;
    text-decoration: none;
}

.container{
    margin: 0 auto;
    width: 1200px;
    
}

.container_top{
    margin: 0 auto;
    width: 1200px;}
a{
    text-decoration: none;
    color: inherit;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-size: 14px;
}

li:hover{
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.gradient{
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.gradient:hover{
   transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
}
.clear{clear: both}

::-moz-selection{background:#0a569f; color:#fff;}
::selection {background:#0a569f; color:#fff;}



/* ---------------------------------------------------------------é¦–é¡µæ&nbsp;·å¼--------------------------------------------------------------- */


/* ç½‘ç«™å¤´éƒ¨ */
.top{ height: 110px;}
.top .top_left{ width: 520px;float: left;}
.top .top_left a{ display: block; float: left; margin-right: 18px;}
.top .top_left div{ float: left; padding-top: 26px;}
.top .top_left div p{ line-height: 28px; font-size: 16px; color: #333;}

.top .top_right{ width: 370px; float: right; }
.top .top_right a.download_top{ display: block; height: 36px; margin-top: 40px; line-height: 36px;background: url(../images/jinlong_pc_1.png) no-repeat left 10px; text-indent: 20px; float: left; margin-right: 20px;}
.top .top_right ul.top_icon{ float: left; height: 30px; width: 92px; border-radius: 15px; border: 1px solid #eee; background: #f2f2f2;  margin-top: 39px;padding: 0 10px; position: relative;}
.top .top_right ul.top_icon li{ float: left; margin: 0 7px;}
.top .top_right ul.top_icon li .tanchu{ display: none; position: absolute; top: 20px; left: 0; z-index: 9999;}
.top .top_right ul.top_icon li img{ margin-top: 6px;}
.top .top_right ul.top_icon li:hover .tanchu{ display: block;}




.top .top_right .top_lan{float: left; width:90px;  height: 30px; border-radius: 15px; border: 1px solid #1c77bc;  margin-top: 39px; margin-left: 20px; overflow: hidden; }
.top .top_right .top_lan a{ display: block; width: 50%; float: left; height: 30px;line-height: 30px; text-align: center;}
.top .top_right .top_lan a.active{ background: #1c77bc; color: #fff;}
.top .top_right .top_lan a:hover{ background: #eee}
.top .top_right .top_lan a.active:hover{background: #1c77bc}


/* å¯¼èˆªæ¡ */
.top_box{ height: 54px; width: 100%; position: absolute;top: :; background: rgba(0,0,0,0.5); z-index: 99;}
.box{ height: 54px; background: url(../images/baimuxiang_24.png) no-repeat center; width: 100%;}
.box .nav{height: 54px;width:1200px;float: left; background: url(../images/jinlong_pc_4.png) no-repeat left center;}

.box .nav .nLi{ text-align: left; width: 150px;text-align: center; height: 54px;  float: left; position: relative; background: url(../images/jinlong_pc_4.png) no-repeat right center;}
.box .nav .nLi a{display: block; height: 54px; line-height: 54px; text-align: center;  width: 150px; }
.box .nav .nLi a:hover{ background: #ff9900; color: #fff;}
.box .nav .nLi a span{ color: #fff; font-size: 15px;}
.box .nav .on a{display: block;height: 54px; line-height: 54px; font-size:15px; background: #ff9900; }
.box .nav .on a span{color: #fff;}
.box .nav .nLi ul{ background: rgba(255,255,255,0.8); position: absolute;top: 54px; z-index: 999; display: none; border-bottom-right-radius:8px;border-bottom-left-radius:8px; overflow: hidden; }
.box .nav .nLi ul li{ height: 42px;line-height: 42px; text-align: center;float: none; }
.box .nav .nLi ul li a{font-size: 14px; display: block; line-height: 42px; font-weight: normal; background: none;margin-top: 0 !important; height: 42px;border-radius: 0;}
.box .nav .nLi ul li a:hover{ height: 42px;  line-height: 42px;  background: #ff9900}

.box .nav li:nth-child(7) ul li a{ width: 200px !important}

/* è½®æ’­å›¾ */
.fullSlide {
    width: 100%;
    position: relative;
    height: 680px;
    background: #000;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 680px;
    overflow: hidden;
    text-align: center;
    line-height: 680px;
}

.fullSlide .bd li &gt;a {
    display: block;
    height: 680px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 16px;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 4px;
    overflow: hidden;
    background: none;
    line-height: 999px;
    border: 2px solid #fff;

}

.fullSlide .hd ul .on {
    background: #fff;
    border: 2px solid #fff;
}

.fullSlide .prev,.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 10%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 10%;
    background-position: -6px -137px;
}

.banner_bg_top{
    height: 16px;
    background: url(../images/banner_bg_top.png) repeat-x top;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
}


.video_bg {
    height: 680px;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 998;
    background: url(../images/hw_top_41.png);
    text-align: center;
}


/* é¦–é¡µå…³äºŽæˆ‘ä»¬ */
.index_about_main{ height: 620px; background: url(../images/jinlong_3.jpg) no-repeat center;}
.index_about_main .index_about_left{ width: 800px; float: left;}
.index_about_main .index_about_left i{ padding-top: 68px;font-size: 80px; font-weight: bold; font-style: normal;display: block; color: #f3f3f3}
.index_about_main .index_about_left h2{ font-size: 36px; color: #1c77bc; margin-top: -80px;}
.index_about_main .index_about_left .index_about_text{width: 732px; text-align:justify; line-height: 30px; color: #666; margin-top:30px; margin-bottom: 30px;}
.index_about_main .index_about_left .index_about_text p{ color: #666; font-size: 15px; text-indent: 2em;}
.index_about_main .index_about_left ul li{ float: left; width: 318px; height: 169px; overflow: hidden; margin-right:35px; position: relative;}
.index_about_main .index_about_left ul li img{ width: 100%;transition: all .4s;}
.index_about_main .index_about_left ul li:hover img{transform: scale(1.1); transition: all .4s;}
.index_about_main .index_about_left ul li .index_icon_title{position: absolute; left: 45px; top: 50px; z-index: 999;}
.index_about_main .index_about_left ul li .index_icon_title p{font-size: 20px; color: #333;  line-height: 30px; text-indent: 34px;}
.index_about_main .index_about_left ul li .index_icon_title span{font-size: 14px; color: #666;display: block; margin-top: 6px;}
.index_about_main .index_about_left ul li:nth-child(1) .index_icon_title p{ background: url(../images/jinlong_pc_17.png) no-repeat left;}
.index_about_main .index_about_left ul li:nth-child(2) .index_icon_title p{ background: url(../images/jinlong_pc_18.png) no-repeat left;}
.index_about_main .index_about_right{width: 400px; float: right; padding-top: 70px; }
.index_about_main .index_about_right li{ height: 96px; margin-bottom: 28px; padding-left: 116px; margin-left: 64px;}
.index_about_main .index_about_right li p{ font-size: 42px; font-family: "Impact"; color: #fff; line-height: 56px; }
.index_about_main .index_about_right li span{ color: #fff; line-height: 28px; font-size: 15px;}
.index_about_main .index_about_right li:nth-child(1){background: url(../images/jinlong_pc_5.png) no-repeat left center;}
.index_about_main .index_about_right li:nth-child(2){background: url(../images/jinlong_pc_6.png) no-repeat left center;}
.index_about_main .index_about_right li:nth-child(3){background: url(../images/jinlong_pc_7.png) no-repeat left center;}
.index_about_main .index_about_right li:nth-child(4){background: url(../images/jinlong_pc_8.png) no-repeat left center;}



/* é¦–é¡µäº§å“ä¸­å¿ƒ */

.index_pro_title{ overflow: hidden;padding-top: 30px; text-align: center; margin-bottom: 20px;}
.index_pro_title em{ font-style: normal; font-size: 88px; font-weight: bold; color: #eee; text-align: center; display: block;}
.index_pro_title p{ font-size: 36px;font-weight: bold;color: #1c77bc; margin-top: -80px;}
.index_pro_title span{ font-size: 14px; line-height: 30px; text-align: center; display:block; color: #666;}


.index_pro_main{ height: 737px; background: url(../images/jinlong_4.jpg) no-repeat center;  background-size: 100% 100%;}
.index_pro_main .index_pro_left{  width: 337px; background: url(../images/jinlong_5.jpg) no-repeat center; height: 737px; float: left; background-size: 100% 100%;}
.index_pro_main .index_pro_left span{font-size: 36px; font-weight: bold; color: #fff; margin-left: 35px;  display: block; margin-top: 60px; line-height: 72px; position: relative;}
.index_pro_main .index_pro_left span::after{ content: "";  position: absolute; height: 2px; width: 55px; left: 0; bottom:0; background: #fff;}
.index_pro_main .index_pro_left h2{ font-size: 36px; color: #fff; margin-left: 35px; margin-top: 20px;}
.index_pro_main .index_pro_left p{  width: 278px; margin-left: 35px; line-height: 30px; color: #fff; margin-top: 10px; font-size: 15px;}
.index_pro_main .index_pro_left a{display: block; height: 42px;  width: 42px; background:url(../images/jinlong_pc_9.png) no-repeat center; margin-left: 35px; margin-top: 30px;}
.index_pro_main .index_pro_right{ width: 100%; float: right;}
.index_pro_main .index_pro_right ul.index_pro_con{ margin-top: 64px; overflow: hidden; margin-bottom: 30px;}
.index_pro_main .index_pro_right ul.index_pro_list li{ float: left; height: 248px; width: 286px; background: #fff; margin-right: 18px; margin-bottom: 30px;}
.index_pro_main .index_pro_right ul.index_pro_list li:nth-child(4n){ margin-right: 0;}
.index_pro_main .index_pro_right ul.index_pro_list li .index_pro_pic{ width: 286px; height: 200px;overflow: hidden;}
.index_pro_main .index_pro_right ul.index_pro_list li .index_pro_pic img{ width: 100%;transition: all .4s;}
.index_pro_main .index_pro_right ul.index_pro_list li:hover .index_pro_pic img{transform: scale(1.1); transition: all .4s;}
.index_pro_main .index_pro_right ul.index_pro_list li p{ text-align: center;  line-height: 48px;}
.index_pro_main .index_pro_right ul.index_pro_list li p a {font-size: 16px;}

.index_pro_more{ height: 42px; width: 140px; border: 2px solid #1c77bc; text-align: center; line-height: 42px; display: block; margin: 0 auto; font-size: 15px;}
.index_pro_more:hover{ background: #1c77bc; color: #fff;}
.slideTxtBox { width: 100%; overflow: hidden;}
.slideTxtBox .hd{ }
.slideTxtBox .hd ul{ overflow: hidden; margin-bottom: 20px; margin-top: 30px;  display: table; margin: 0 auto; overflow: hidden; height: auto; }
.slideTxtBox .hd ul li{ margin:0 25px; height: 182px; width: 142px; float: left; text-align: center;}
.slideTxtBox .hd ul li a{ display: block;}
.slideTxtBox .hd ul li .index_pro_lb{ height: 132px; width: 132px; border-radius: 50%; position: relative; overflow: hidden; border: 4px solid #eee;}
.slideTxtBox .hd ul li .index_pro_lb img{ width: 100%;}
.slideTxtBox .hd ul li .index_pro_lb .index_pro_lbhover img{ width: 39px; height: 39px; margin-top: 50px;}
.slideTxtBox .hd ul li .index_pro_lb .index_pro_lbhover{ height: 132px; width: 132px; background: rgba(0,0,0,0.5); display: none; bottom: 0; position: absolute; transition: all 0.3s; text-align: center;}
.slideTxtBox .hd ul li:hover .index_pro_lb .index_pro_lbhover{display: block;}

.slideTxtBox .hd ul li p{ font-size: 15px; line-height: 30px;}




/* é¦–é¡µäº§å“åº”ç”¨é¢†åŸŸ */
.in-case{ background:#fff url(../images/jinlong_8.jpg) no-repeat center bottom fixed; height: 680px;}
.title { padding-top: 50px; background: url(../images/zyya_11.png) no-repeat bottom;}
.title h3{ color: #fff; font-size: 30px; text-align: center; padding-top: 13px; }
.title span p{ color: #fff; font-size: 14px; text-align: center; line-height: 50px; }
.title span{ display: block; background: url(../images/title-bg.png) no-repeat center; width:442px; margin: 0 auto; }
.title &gt; p{ color: #fff; font-size: 15px; text-align: center; }
.more &gt; .icon{ color: #f57a14; font-size: 40px;  }
.more{ display: block; text-align: center; background: url(../images/more-bg.png) no-repeat center; width:104px; margin: 0 auto; }
.incase-bot{ margin-top: 30px;  }
.in-case .more_case{  line-height: 48px;   background: url(../images/zyya_7.png) no-repeat center; display: block; height: 32px; width: 104px; margin: 0 auto; margin-top: 58px;}
#focus_Box{position:relative;width:100%;height:380px;margin:20px auto; margin-top: 30px;}
#focus_Box ul{position:relative;width:100%;height:380px}
#focus_Box li{ z-index:1;position:absolute; width:0px; height:0px;top:146px;cursor:pointer;left:377px }
#focus_Box li img{width:100%;height:100%;vertical-align:top; border:3px solid #fff; }
#focus_Box li p{font-size: 16px;  position:absolute; left:3px;bottom:-3px;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,.5); color:#fff; text-align: center;}
#focus_Box .prev,#focus_Box .next{display: block; width:48px; height: 48px;  text-align: center; line-height: 48px; float:left; cursor: pointer; }
#focus_Box .icon{ font-size: 20px; color: #fff; }
#focus_Box .prev{ position: absolute; bottom: -100px; z-index: 9; left: 470px; background: #f57a14 url(../images/zyya_5.png) no-repeat center;}
#focus_Box .next{position: absolute; bottom: -100px; z-index: 9; right: 470px; background: #f57a14 url(../images/zyya_6.png) no-repeat center;} 
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}
#focus_Box .prev:hover{ background: #13204a url(../images/zyya_5.png) no-repeat center; }
#focus_Box .next:hover{ background: #13204a url(../images/zyya_6.png) no-repeat center; }
#focus_Box span:hover .icon{ color: #f57a14; }


/* é¦–é¡µæ–°é—»èµ„è®¯ */
.index_news_main{ height: 693px; background: url(../images/jinlong_10.jpg) no-repeat bottom;}
.index_title_news { font-size: 36px; font-weight: bold; text-align: center;padding-top: 60px; color: #1c77bc;}
.index_news_main .index_news_con{  height: 48px; line-height: 48px; width: 340px; margin: 24px auto;}
.index_news_main .index_news_con li{  height: 48px; line-height: 48px; text-align: center; background: #1c77bc;  color: #fff; width: 164px; float: left; }
.index_news_main .index_news_con li a{ color: #fff; font-size: 16px; display: block;}
.index_news_main .index_news_con li:nth-child(2){ float: right;}
.index_news_main .index_news_left{width: 435px; float: left;}
.index_news_main .index_news_left .first_news_img{ display: block; width: 435px; height: 285px; overflow: hidden; position: relative;}
.index_news_main .index_news_left .first_news_img img{ width: 100%;transition: all .4s;}
.index_news_main .index_news_left:hover .first_news_img img{transform: scale(1.1); transition: all .4s;}
.index_news_main .index_news_left .first_news_img i{ position: absolute; height: 48px; width: 125px; background:#1c77bc; text-align: center;  color: #fff; line-height: 48px; right: 0; bottom: 0; font-size: 16px;}
.index_news_main .index_news_left p{height: 48px; line-height: 48px; background: url(../images/jinlong_pc_13.png) no-repeat left 20px; text-indent: 16px; margin-top: 10px;}
.index_news_main .index_news_left p a{ font-size: 18px;}
.index_news_main .index_news_left span{  color: #666; line-height: 24px;}
.index_news_center{width:335px;float: left; margin-left: 30px;}
.index_news_center div{ padding-bottom: 16px; border-bottom: 1px dashed #dedede; padding-top: 16px;}
.index_news_center div p{ font-size: 18px; line-height: 32px; background: url(../images/jinlong_pc_13.png) no-repeat left 10px; padding-left: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.index_news_center div p a{ font-size: 18px;}
.index_news_center div p i{ float: right; display: block; color: #999;}
.index_news_center div span{ font-size: 14px; color: #666; line-height: 24px; margin-top: 6px; display: block;}
.index_news_center li{  background: url(../images/jinlong_pc_13.png) no-repeat left 22px; height: 54px; line-height: 54px; padding-left: 16px; border-bottom: 1px dashed #dedede; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_news_center li a{font-size: 15px; }
.index_news_center li span{ float: right; color: #999;}


/* é¦–é¡µè§†é¢‘ */
.index_video_main{ height: 432px;background: url(../images/jinlong_11.jpg) no-repeat center;}
.index_video_main p{ font-size: 48px; font-weight: bold; color: #fff; text-align: center; padding-top: 80px;}
.index_video_main span{ display: block; width: 588px; margin: 0 auto;  color: #fff; line-height: 30px; font-size: 16px; text-align: center; margin-top: 10px;}
.index_video_main img{ display: block; margin:  0 auto; margin-top: 20px;}



/* é¦–é¡µå›½å®¶å’Œåœ°åŒº */
.index_guojia_main{ overflow: hidden; padding-bottom: 60px;}
.index_guojia_main .index_guojia_title p{ font-size: 30px; font-weight: bold; color: #333; text-align: center; padding-top: 60px;}
.index_guojia_main .index_guojia_title span{ display: block;text-align: center; margin-top: 14px; font-size: 16px; color: #666;}
.index_guojia_main img{ display: block; margin:  0 auto; margin-top: 30px;}




/* ç½‘ç«™åº•éƒ¨ */
.footer{ height: 352px; background:#202020; position: relative;}
.footer .footer_left{ width: 474px; float: left; margin-right: 80px;}
.footer .footer_left a{ display: block; margin-top: 45px;}
.footer .footer_left p{ color: #babcc1; text-align: justify; line-height: 30px; margin-top: 16px;}
.footer .footer_left a img{ width: 220px;}
.footer .footer_center{ width: 250px; float: left; margin-top: 42px;}
.footer h2{ font-size: 18px; color: #fff; line-height:3; position: relative; margin-bottom: 24px;}
.footer h2::after{content: ""; position: absolute; bottom: 0; left: 0; height: 4px; width: 30px;  background: #fff;}
.footer .footer_center a{ line-height: 30px; margin-right: 20px;color: #babcc1}

.footer .footer_right{ width: 346px;  float: right; margin-top: 42px;}
.footer .footer_right p{ color: #babcc1;  line-height: 30px;}

.link_footer{margin-top: 20px;}
.link_footer p{ font-size: 18px;  padding-left: 14px; position: relative; color: #fff; float: left; margin-right: 20px;}
.link_footer::before{ content: ""; display: block; width: 3px;height: 12px; background: #fff; bottom: 0; float: left; margin-top: 6px;}
.link_footer a{ color: #babcc1; font-size: 14px; float: left; line-height: 24px; margin-right: 20px;}

/* ç½‘ç«™ç‰ˆæƒä¿¡æ¯ */
.copyright{height: 42px; position: absolute; bottom: 0; width: 1200px; border-top: 1px solid rgba(255,255,255,0.05); position: absolute;}
.copyright a{ color: #fff; font-size: 12px;}
.copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 42px;
}

.copyright ul {
    float: right;
    width: 370px;
}

.copyright ul li,.copyright ul li span {
    float: left;
    color: #fff;
    line-height: 42px;
    font-size: 12px;
}

.copyright p {
    display: inline;
}

.copyright ul li a {
    float: right;
    margin-top: 10px;
}

.copyright ul li a.weiling {
    width: 121px;
    height: 18px;
    background: url(../images/vl.png) no-repeat;
    margin-right: 20px;
}

.copyright ul li a.weiling:hover {
    width: 121px;
    height: 18px;
    background: url(../images/vl_hover.png) no-repeat;
}

.copyright ul li a.wangshang {
    width: 107px;
    height: 18px;
    background: url(../images/ws.png) no-repeat;
}

.copyright ul li a.wangshang:hover {
    width: 107px;
    height: 18px;
    background: url(../images/ws_hover.png) no-repeat;
}







/* ---------------------------------------------------------------------------å†…é¡µæ&nbsp;·å¼--------------------------------------------------------------------------- */

.inside_banner_about{ height: 320px; background: url(../images/inside_banner_about.jpg) no-repeat center; position: relative;}
.inside_banner_pro{ height: 320px; background: url(../images/inside_banner_pro.jpg) no-repeat center; position: relative;}
.inside_banner_fuwu{ height: 320px; background: url(../images/inside_banner_fuwu.jpg) no-repeat center; position: relative;}
.inside_banner_news{ height: 320px; background: url(../images/inside_banner_news.jpg) no-repeat center; position: relative;}
.inside_banner_jobs{ height: 320px; background: url(../images/inside_banner_jobs.jpg) no-repeat center; position: relative;}
.inside_banner_contact{ height: 320px; background: url(../images/inside_banner_contact.jpg) no-repeat center; position: relative;}
.inside_banner_jmeng{ height: 320px; background: url(../images/inside_banner_jmeng.jpg) no-repeat center; position: relative;}
.inside_banner_yingyong{ height: 320px; background: url(../images/inside_banner_yingyong.jpg) no-repeat center; position: relative;}
.inside_banner_service{ height: 320px; background: url(../images/inside_banner_service.jpg) no-repeat center; position: relative;}

.page_nav{padding:20px 0;overflow:hidden}
.page_nav p{font-size:14px;color:#999;margin-bottom:22px}
.page_nav p i{display:inline-block;margin-right:6px}
.page_nav p b{font-weight:400}
.page_nav p a{color:#999}
.page_nav ul{ width: 75%; float: left;}
.page_nav .location{ width: 25%; float: right;  color: #999; text-align: right; line-height: 46px;}
.page_nav .location img{ margin-right: 8px;}
.page_nav .location a{ color: #999; }
.page_nav .location a:hover{ color: #1c77bc;}
.page_nav ul li{float:left;width:14%;text-align:center;line-height:46px;font-size:15px;position:relative;margin-bottom:10px;}
.page_nav ul li a{display:block;border:1px solid #e8e8e8;border-bottom:5px solid #e8e8e8; display: block; height: 46px; line-height: 46px;}
.page_nav ul li a:after{content:"";height:5px;width:0;position:absolute;bottom:0;left:1px;background:#ca6665;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}
.page_nav ul li a:hover,.page_nav ul li.active a{background:#1c77bc;color:#333;color:#fff}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after{width:calc(100% - 2px)}

.about_body{ width: 100%; text-align: justify; padding: 10px 0 30px 0; overflow: hidden;}
.about_body p{line-height: 2; color: #666; margin-bottom: 6px; color: #666}

/* è”ç³»æˆ‘ä»¬ */
#dituContent{ width: 854px; border: 1px solid #e8e8e8; height: 418px; margin-bottom: 30px; float:left;}
#dituContent b{ font-weight: bold; line-height: 24px;}
.contact_fs_main{ height: 418px; width: 300px; background: #fff; border: 1px solid #e8e8e8; border-left: none; float: left; padding-left: 23px;}

.contact_fs_main h3{display: block;font-size: 18px; margin-top: 48px; line-height: 56px; margin-bottom: 10px; position: relative; font-weight: normal;}
.contact_fs_main h3::after{ content: ""; display: block; height: 5px;  width: 32px; background: #1c77bc; position: absolute; left:0; bottom: 0; }
.contact_fs_main p{ line-height: 24px;  color: #666;  font-size: 14px;}



/* æ–°é—»èµ„è®¯åˆ—è¡¨é¡µ */
.news_first_inside{ height: 200px; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;}
.news_first_inside a.news_first_img{ display: block; width: 284px; height: 200px; overflow: hidden; float: left; }
.news_first_inside a.news_first_img img{ width: 100%; height: auto;transition:all 0.4s;}
.news_first_inside:hover a.news_first_img img{transform: scale(1.1); transition: all .4s; }
.news_first_inside:hover a{ color: #1c77bc}
.news_first_inside .news_first_right{ width: 884px; float: right; height: 200px;}
.news_first_inside .news_first_right p a{ font-size: 18px; line-height: 64px;}
.news_first_inside .news_first_right .date_cunt{ height: 30px;}
.news_first_inside .news_first_right .date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px;}
.news_first_inside .news_first_right .date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.news_first_inside .news_first_right .date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}
.news_first_inside .news_first_right span{ display:block; line-height: 1.5; color: #666; text-align: justify; font-size: 14px;}
.news_first_inside .news_first_right i{ font-style: normal; display: block; margin-top: 20px; color: #999;}

.inside_news_list{ width: 1300px;}
.inside_news_list li{ float: left; width: 588px; height: 142px; margin-right: 22px; margin-bottom: 16px; border-bottom: 1px solid #eee;}
.inside_news_list li:hover{  background: #fafafa;}
.inside_news_list li:hover a{ color: #1c77bc}
.inside_news_list li .news_left{ float: left; width: 104px; margin-top: 38px; background: url(../images/hw_top_26.png) no-repeat right center; text-align: center; font-size: 42px; color: #333; line-height: 32px;}
.inside_news_list li .news_left span{ font-size: 14px; color: #666;}
.inside_news_list li .news_right{ width: 434px; padding: 28px 24px 0 24px; float: left; }
.inside_news_list li .news_right a{ font-size: 18px; line-height: 32px;}
.inside_news_list li .news_right p{ font-size: 14px; line-height: 26px; color: #666;}



/* æ&nbsp;¡å›­é£Žé‡‡ */
.case_list{ width: 1250px; overflow: hidden;}
.case_list li{  width: 286px; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px; } 
.case_list li .img{ width: 266px;  margin: 0 auto; overflow: hidden; margin-top: 10px; height: 178px;}
.case_list li .img img{ width: 100%; transition: all .4s;}
.case_list li:hover .img img{  transform: scale(1.1); transition: all .4s;}
.case_list li:hover{ border: 1px solid #1c77bc}
.case_list li:hover div{ color: #1c77bc; }
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 16px;}



.case_list_3{ width: 1250px; overflow: hidden;}
.case_list_3 li{  width: 387px; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px; } 
.case_list_3 li .img{ width: 366px;  margin: 0 auto; overflow: hidden; margin-top: 10px; height: 238px;}
.case_list_3 li .img img{ width: 100%; transition: all .4s;}
.case_list_3 li:hover .img img{  transform: scale(1.1); transition: all .4s;}
.case_list_3 li:hover{ border: 1px solid #1c77bc}
.case_list_3 li:hover div{ color: #1c77bc; }
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 16px;}


/* ç›¸å†Œæ•ˆæžœ */
.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.9); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.Gallery.show { opacity: 1; }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.Gallery img { max-height: 87%; max-width: 99%; }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }
.g-list span { display: inline-block; vertical-align: middle; height: 100%; }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }
.g-close { cursor: pointer; }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }
.g-top button:hover { opacity: 1; }
.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }
.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }
.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }

.inside_page_body{ width: 1300px;}
.pro_list{ width: 1200px; margin-bottom: 20px; overflow: hidden;}



ul.pro_list{ overflow:hidden; zoom:1;  }
ul.pro_list li{ width: 1198px; height: 403px; border: 1px solid #eee; padding-top: 36px; margin-bottom: 15px}
ul.pro_list li .team_pic{ margin-left: 36px; height: 363px; width: 275px; border-radius:10px; overflow: hidden; display: block;  float: left; margin-right: 46px;}
ul.pro_list li .team_pic img{transition: all .4s; width: 100%}
ul.pro_list li .team_pic img:hover{transform: scale(1.1); transition: all .4s;}
ul.pro_list li .team_biref{ width: 355px; float: left;}
ul.pro_list li .team_biref h2{font-size: 24px; line-height: 45px; margin-bottom: 10px;}
ul.pro_list li .team_biref h2 span{font-size: 14px; color: #1c77bc;margin-left: 10px; display: inline;}
ul.pro_list li .team_biref span{font-size: 16px;color: #1c77bc;line-height: 32px; display: block; margin-top: 20px;}
ul.pro_list li .team_biref p{ line-height: 30px; color: #666; background: url(../images/alice_index_8.jpg) no-repeat 0 14px; padding-left: 10px;}
ul.pro_list li .team_biref em{ line-height: 30px; color: #666; padding-right: 20px; display: block;}
ul.pro_list li .team_img{ float: left;}


.jybz_text{ width: 266px; margin:5px auto 10px; text-align: center;}
.jybz_text p{ font-size: 18px; line-height: 45px; position: relative; margin-bottom: 10px;}
.jybz_text p::after{ content: "";position: absolute; bottom: 0;width: 30px; height: 5px; background:#1c77bc;left: 44%; }
.jybz_text span{ font-size: 14px; color: #666; line-height: 24px;}




p.inside_con_title{ font-size: 30px; color: #fff;  padding-top: 230px; line-height: 54px;}
.location,.inside_banner .location a{ color: #fff; font-size: 14px;}
.location a:hover{ color: #1c77bc}
.inside_con{ height: 64px; line-height: 64px; background: #f4f4f4; margin-bottom: 40px;}
.inside_con ul li{ float: left; position: relative; margin: 12px 6px 0 6px;}
.inside_con ul li::before{content: "";position: absolute; height: 15px; width: 1px; background: #dedede; left:-6px; top: 12px;}
.inside_con ul li a{ display: block; height: 40px; line-height: 40px;padding: 0 30px; font-size: 14px;}
.inside_con ul li.active a{background: #1c77bc; color: #fff; border-radius: 5px;}
.inside_con ul li.active a:hover{background: #1c77bc; color: #fff; border-radius: 5px;}
.inside_con ul li.active::before{content: ""; display: none}
.inside_con ul li.active:hover::before{content: ""; display: none}
.inside_con ul li:hover{background: #ddd; color: #fff; border-radius: 5px;}
.inside_con ul li:hover a{ color: #1c77bc;}

.inside_body{ min-height: 300px; padding-bottom: 60px; overflow: hidden;}
.inside_body p{line-height: 30px; margin-bottom: 10px; color: #666;}

.inside_news_con{ overflow: hidden;}




/* æ–°é—»è¯¦æƒ…é¡µ */

.news_detail_left{width: 854px; float: left;}
.news_detail_left h1{ font-size: 30px;font-weight: bold; line-height: 3}
.news_detail_right{ width: 290px; float: right; }
.news_detail_right .prev_next{ width: 234px; border: 8px solid #f1f1f1; float: right; padding: 0 20px; overflow: hidden;}
.news_detail_right .news_prev{ border-bottom: 1px solid #eee;}
.news_detail_right .prev_next div{ padding-bottom: 20px;}
.news_detail_right div p{ line-height: 36px; font-size: 18px; font-weight: bold; margin-top: 20px;}
.news_detail_right div span{ display: block; line-height: 24px; color: #999; font-size: 14px;}
.news_detail_right .prev_next div a{ display: block; line-height: 24px; font-size: 15px; text-align:justify;}
.news_detail_right .prev_next div a:hover{ color: #ea5721}
.news_detail_right .news_back{ margin-top: 10px;}
.news_detail_right .news_back a{ display: block; height: 45px; line-height: 45px;  background: #eee; color: #333;  width: 100%; text-align: center;}
.news_detail_right .news_back a:hover{ background: #ea5721; color: #fff;}

.index_guige{ width: 842px;height: 330px; overflow: auto;}

.date_cunt{ height: 30px;}
.date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px;}
.date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}


#map {
    width: 854px;
    border: 1px solid #e8e8e8;
    height: 418px;
    margin-bottom: 30px;
    float: left;
}


.video_bg{ height: 680px; width: 100%; position: absolute; top: 0px; z-index: 998; text-align: center; }
.video_bg img{ margin-top: 224px;}
.fullSlide video{margin-top: -160px;}


/* é¦–é¡µè§†é¢‘æ¨¡å— */

.gfx_pro_main{ height: 432px; background: url(../images/yio_index_18.jpg) no-repeat center; }
.gfx_pro_main .pro_video{ display: block; margin: 20px auto 0; height: 75px; width: 75px;}
.gfx_pro_main p{ color: #fff; width: 900px; margin: 0 auto; line-height: 28px; text-align: center;}
.gfx_pro_main h3{ font-size: 48px;color: #fff; text-align: center; margin-bottom: 20px;  padding-top: 80px;}
.reveal-modal {
    position: fixed;
    z-index: 9999;
    top: 50%!important;
    left: 50%;
    margin: auto;
    box-sizing: border-box;
    visibility: hidden;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding-bottom: 40px;
    overflow: hidden;
}
.reveal-modal *{ color: #fff}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    margin: auto;
    display: none;
    background: rgba(0, 0, 0, 0.4);}

.close-reveal-modal {
    background: url(../images/close.png) no-repeat center;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}</pre></body></html>